---
title: Suspense
description: react-md provides a few Suspense component wrappers for default `fallback` content. The CircularProgressSuspense component renders a CircularProgress and the NullSuspense renders nothing while in a suspended state.
docType: Demo
docGroup: Components
group: Utils
alias: [Loading, Lazy Loading, Code Splitting]
components: [CircularProgressSuspense, NullSuspense]
---

# Suspense

`react-md` provides a few [Suspense](https://react.dev/reference/react/Suspense)
component wrappers for default `fallback` content.

## Circular Progress Suspense

The `CircularProgressSuspense` component can be used to render a
[CircularProgress](/components/progress#circular-progress) as the suspense
fallback value that allows all props from the `CircularProgress` component and
defaults the `aria-label` to `Loading`.

This example is a small fork of the
[React Suspense Artists example](https://codesandbox.io/p/sandbox/restless-waterfall-7hzg5z)
using `react-md` components. Check out the codesandbox for additional notes
around the suspense implementation.

```demo source="./CircularProgressSuspenseExample.tsx"

```

## Null Suspense

The `NullSuspense` component can be used when no fallback value is required such
as:

- lazy loading a small component
- lazy loading the [Snackbar](/components/snackbar) on the client

```demo source="./NullSuspenseExample.tsx"

```
